﻿body 
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

._panelTablero
{
    background-color:#6B8E23;
    font-size:large;
    font-style:oblique;
    border: 1px solid #000000;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px;
    width:80%;
    margin-left:15%;
    height: 70%;
}
        .modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            border-width: 3px;
            border-style: solid;
            border-color: black;
            padding-top: 10px;
            padding-left: 10px;
            width: 50%;
            height: 50%;
        }
        
        .fondoTablero
        {
            background-repeat:no-repeat;
            background-size:100% 100%;
            width:100%;
            height:100%;
        }        
        #imgTick
        {
            margin-right: -70%;
            margin-top: 10%;
            width: 15px;
        }     
        #imgCandado
        {
            margin-right: -70%;
            width: 15px;
        }     
        #imgTriangulo
        {
            margin-right: -70%;
            width: 15px;
        }     
        #imgCirculo
        {
            margin-right: -70%;
            width: 15px;
        }     
        
        
        #btnFleIz
        {
            width: 50px;
            height:20px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton_flecha_iz.png);
        }     
        #btnFleIz:hover
        {
            background-image:url(boton_flecha_iz_apretado.png);
        }     
        #btnFleDe
        {
            margin-right: 3%;
            width: 50px;
            height:20px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton_flecha_de.png);

        }     
        #btnFleDe:hover
        {
            background-image:url(boton_flecha_de_apretado.png);
        }
        #btn1
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton1.png);

        }     
        #btn1:hover
        {
            background-image:url(boton1_apretado.png);
        }     
        #btn2
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton2.png);

        }     
        #btn2:hover
        {
            background-image:url(boton2_apretado.png);
        }     
        #btn3
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton3.png);

        }     
        #btn3:hover
        {
            background-image:url(boton3_apretado.png);
        }     
        #btnPerHome
        {
            margin-right: 5%;
            width: 80px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(person_home.png);

        }     
        #btnPerHome:hover
        {
            background-image:url(person_home_apretado.png);
        }     

        #btnfuego
        {
           margin-right: 5%;
            width: 90px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(fuego.png);
        }     
        #btnfuego:hover
        {
            background-image:url(fuego_apretado.png);
        }     
        #btn4
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton4.png);
        }     
        #btn4:hover
        {
            background-image:url(boton4_apretado.png);
        }     
        #btn5
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton5.png);
        }     
        #btn5:hover
        {
            background-image:url(boton5_apretado.png);
        }     
        #btn6
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton6.png);
        }     
        #btn6:hover
        {
            background-image:url(boton6_apretado.png);
        }     
        #btnCasaVacia
        {
            margin-right: 5%;
            width: 80px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(casa_vacia.png);
        }     
        #btnCasaVacia:hover
        {
            background-image:url(casa_vacia_apretado.png);
        }     
        
        
        
        
        #btnAlerta
        {
           margin-right: 5%;
            width: 90px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(alerta.png);
        }     
        #btnAlerta:hover
        {
            background-image:url(alerta_apretado.png);
        }     
        #btn7
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton7.png);
        }     
        #btn7:hover
        {
            background-image:url(boton7_apretado.png);
        }     
        #btn8
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton8.png);
        }     
        #btn8:hover
        {
            background-image:url(boton8_apretado.png);
        }     
        #btn9
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton9.png);
        }     
        #btn9:hover
        {
            background-image:url(boton9_apretado.png);
        }     
        #btnCampana
        {
            margin-right: 5%;
            width: 80px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(campana.png);
        }     
        #btnCampana:hover
        {
            background-image:url(campana_apretada.png);
        }     
        
        #btnEscudo
        {
           margin-right: 5%;
            width: 90px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(escudo.png);
        }     
        #btnEscudo:hover
        {
            background-image:url(escudo_apretado.png);
        }     
        #btnAsterisco
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(asterisco.png);
        }     
        #btnAsterisco:hover
        {
            background-image:url(asterisco_apretado.png);
        }     
        #btn0
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(boton0.png);
        }     
        #btn0:hover
        {
            background-image:url(boton0_apretado.png);
        }     
        #btnNumeral
        {
            margin-right: 5%;
            width: 80px;
            height:40px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(numeral.png);
        }     
        #btnNumeral:hover
        {
            background-image:url(numeral_apretado.png);
        }     
        #btnCirculoFlechas
        {
            margin-right: 5%;
            width: 80px;
            height:30px;
            background-repeat:no-repeat;
            background-size:100% 100%;
            background-image:url(circulo_flechas.png);
        }     
        #btnCirculoFlechas:hover
        {
            background-image:url(circulo_flechas_apretado.png);
        }     
        
        #pantallaTab
        {
            background-color: green;
            width: 550px;
            position: absolute;
            margin-left: -33%;
            margin-top: 4%;
            height: 25%;
            -webkit-border-radius: 25px;
            font-size:x-large;
        }          
